Welcome Back~歡迎回來到「30天前端設計之旅」的DAY 7！今天將探索HTML5的強大功能，學習如何在網頁中嵌入影音、外部資源及框架。透過這些技術，讓你的網頁不再只是靜態的文字與圖片，而是充滿互動與多媒體元素的動態體驗。

HTML5的影音革命
HTML5 強大的 audio 和 video 標籤，能夠讓我們輕鬆地在網頁中嵌入音樂還有影片。這使得網頁的多媒體功能更強大更好。透過這些標籤，你可以直接播放聲音和影片，並為使用者提供控制。

D-7的學習目標：

1. 掌握HTML5支援的影音格式：

   • 影音格式：HTML5 支援多種影音格式，其中常用的影片格式包括
     MPEG(.mpg.mpeg)、AVI(.avi)、WMV(.wmv)、QUICKTIME(.mov)、
     REALVIDEO(.rm.ram)、FLASH(.swf.flv)、MPEG-4(.mp4)

2. 嵌入影音與聲音：

   • 使用 audio 標籤嵌入聲音文件。
   • 使用 video 標籤嵌入影片。
   • 使用 poster 設置封面圖片。
   • 使用 controls 設置影片控制面板。

3. 嵌入其他資源與物件：

   • 嵌入資源標籤：使用 embed 和 object 標籤嵌入外部資源，如文件或其他外部媒體。這些標籤可用來將外部內容直接呈現在網頁上。

4. 腳本與CSS樣式的插入：

   • 使用 script 標籤插入 JavaScript 與 VBScript 來增強互動性。
   • 使用 style 標籤嵌入CSS來控制樣式。

5. 內嵌框架（iframe）：

   • 什麼是內嵌框架（iframe）？ 內嵌框架（iframe）允許在網頁中嵌入其他網頁。這對於展示外部網站內容、嵌入地圖或影片非常有用。
   • 使用 src 屬性指定嵌入內容的位置，並控制其顯示大小和邊框。

HTML5的影音與嵌入功能讓網頁變得更有生命力！開始創造一個充滿多媒體的動態網站吧！🎥🎶